.file-card-item {
  margin-left: 12px;
  margin-top: 12px;
  width: 165px;
  height: 148px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #eceef2;
  .preview-container {
    height: 93px;
    overflow: hidden;
    background: #eceef2;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 4px 0;
    box-sizing: border-box;
    .iconfont {
      font-size: 48px;
    }
    > img {
      border-radius: 6px 6px 0px 0px;
    }
  }

  .description {
    padding: 8px;
    .name {
      font-size: 14px;
      font-weight: 400;
      color: #262626;
    }
    .info {
      margin-top: 6px;
      font-size: 12px;
      color: #8c8c8c;
    }
  }
}

.file-component {
  .file-search-bar {
    background: #fff;
    .search-input {
      background: #f6f7f9 !important;
    }
  }
  .file-container {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0 30px 4px;
  }
  &.tab .file-container {
    background-color: #fff;
  }
  .no-record {
    margin-top: -44px;
  }
}
